<!DOCTYPE html>
    <html>
        <head>
            <title>Bootstrap Forms</title>
            <meta charset="UTF-8">
            
            <!-- Latest compiled and minified CSS -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
            
            <!-- Optional theme -->
            <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

        </head>
        <body>
            <div class="container">
                <h2>Vertical Form</h2>
                <form role="form">
                    <div class="form-group">
                        <label for="username">Username:</label>
                        <input type="text" id="username" class="form-control" placeholder="Enter user name">
                    </div>
                    <div class="form-group">
                        <label for="password">Password:</label>
                        <input type="password" id="password" class="form-control" placeholder="Enter Password">
                    </div>
                    <div class="radio">
                        <label><input type="radio"> Administrator </label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox"> Remember me </label>
                    </div>
                    
                    <input type="button" class="btn btn-primary" value="Login">
                </form>
            </div>
            
            <br>
            <div class="container">
                <h2>Inline Form</h2>
                <form role="form" class="form-inline">
                    <div class="form-group">
                        <label for="username">Username:</label>
                        <input type="text" id="username" class="form-control" placeholder="Enter user name">
                    </div>
                    <div class="form-group">
                        <label for="password">Password:</label>
                        <input type="password" id="password" class="form-control" placeholder="Enter Password">
                    </div>
                    <div class="radio">
                        <label><input type="radio"> Administrator </label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox"> Remember me </label>
                    </div>
                    
                    <input type="button" class="btn btn-primary" value="Login">
                </form>
            </div>
            
            <br>
            <div class="container">
                <h2>Horizontal Form</h2>
                <form role="form" class="form-horizontal">
                    <div class="form-group">
                        <label for="username" class="control-label">Username:</label>
                        <input type="text" id="username" class="form-control" placeholder="Enter user name">
                    </div>
                    <div class="form-group">
                        <label for="password" class="control-label">Password:</label>
                        <input type="password" id="password" class="form-control" placeholder="Enter Password">
                    </div>
                    <div class="radio">
                        <label><input type="radio"> Administrator </label>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox"> Remember me </label>
                    </div>
                    
                    <input type="button" class="btn btn-primary" value="Login">
                </form>
            </div>
        </body>
    </html>